<template>
	<view class="result">
		<cu-custom bgColor="bg-gradual-orange" :isBack="true">
			<block slot="content">支付成功</block>
		</cu-custom>
		<view class="result-top">
			<image src="../../static/result-top.png"></image>
			<view>兑换成功</view>
		</view>
		<view class="result-order">
			<view class="order-no order-item">
				<text class="label-title">订单编号：</text>
				<text>13245653</text>
			</view>
			<view class="order-no order-item">
				<text class="label-title">实付金额：</text>
				<text class="order-total">6000 积分</text>
			</view>
			<view class="order-no order-item">
				<text class="label-title">支付方式：</text>
				<text>积分兑换</text>
				
			</view>
		</view>
		<view class="order-address">
			<view class="address-man order-item">
				<text class="label-title">收货人：</text>
				<text class="label-title">王二</text>
			</view>
			<view class="address-info order-item">
				<text class="label-title">收货地址：</text>
				<text class="label-title">安徽省合肥市包河区中环大厦2207</text>
			</view>
		</view>
		<view class="take-action">
			<button class="result-look" @tap="checkOrder(4)">查看订单</button>
			<button class="result-again" @tap="getAgain(4)">在来一单</button>
		</view>
	</view>
</template>

<script>
	import {mapState,mapMutations} from 'vuex';
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			checkOrder(pid){
				console.log(pid)
				uni.navigateTo({
				    url: '../my/shop/orderlist'
				});
			},
			getAgain(pid){
				console.log(pid)
				uni.navigateTo({
				    url: 'confirm?pid=' + pid
				});
			}
		}
	}
</script>

<style lang="less">
	.result{
		background-color: #ffffff;
		height: 100vh;
		font-size: 27.09rpx;
		font-family: "SimHei";
		color: #686868;
		.result-top{
			height: 270rpx;
			font-size: 33rpx;
			color: #080808;
			text-align: center;
			image{
				width: 120rpx;
				height: 120rpx;
				margin-top: 80rpx;
			}
			view{
				margin-top: 50rpx;
			}
		}
		.result-order{
			padding: 0 30rpx;
			margin-top: 60rpx;
			.order-total{
				color: #ff4444;
			}
		}
		.order-item{
			height: 60rpx;
			line-height: 60rpx;
			.label-title{
				width: 150rpx;
				margin-right: 20rpx;
			}
		}
		.order-address{
			padding: 0 30rpx;
			margin-top: 60rpx;
		}
		.take-action{
			padding: 0 30rpx;
			margin-top: 50rpx;
			button{
				margin: 25rpx 40rpx;
				font-size: 30.85rpx;
				// border-radius: 35rpx;
				// border:1rpx solid #e1e1e1;
			}
			.result-look{
				color: #686868;
			}
			.result-again{
				color: #ffffff;
				background-color: #ff7452;
			}
			
		}
	}
</style>
